<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/common/taglib.jsp"%>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="${ctx}/static/admin/share/article/css/style.css" />
<link rel="stylesheet"
	href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" />
<script src="${ctx}/static/admin/share/article/js/index.js"></script>
<!--[if lte IE 8]>
		<script>msg();</script>
	<![endif]-->
<title>吃瓜讲堂</title>
</head>
<body>
	<div class="container">
		<div class="article-header">
			<div class="article-title">
				<h1>${resultArticle.articleTitle }</h1>
			</div>
			<div class="article-author">
				<div class="author-info">
					<%-- <div class="author-img">
						<img
							src="${resultArticle.headUrl}"
							alt="" />
					</div> --%>
					<div class="author-title">
						<h3>${resultArticle.authorName }</h3>
						<span><f:formatDate value="${resultArticle.createdDt }" type="date"/></span>
					</div>
				</div>
				<a href="${ctx}/static/admin/shareApp/article/app_share.html">+关注</a>
			</div>
		</div>
		<div class="content">
			<div style="text-align: center;">
				<c:if test="${resultArticle.fileUrl != null}">
					<audio controls="controls">
						<source src="${resultArticle.fileUrl}" type="audio/mpeg" />
					</audio>
				</c:if>
			</div>
			${resultArticle.body }
		</div>
		<div class="comment">
			<div class="comment-title">
				<span>评论</span>
			</div>
			<c:forEach items="${resultComment}" var="item">
				<div class="comment-text">
					<div class="comment-author">
						<div class="comment-img">
							<img
								src="${item.commentHeadUrl}"
								alt="" />
						</div>
						<div class="comment-author-title">
							<h3>${item.commentName}</h3>
							<span><f:formatDate value="${item.commentTime}" type="date"/></span>
						</div>
						<a href="javascript:;"><i class="fa fa-thumbs-o-up"></i>2</a>
					</div>
					<div class="comment-warp">
						<p>>${item.commentBody}</p>
					</div>
				</div>
			</c:forEach>
		</div>
		<div class="download-info">
			<img src="${ctx}/static/admin/share/article/img/logo.png" alt="" />
			<div class="download-info-content">
				<h3>吃瓜讲堂APP</h3>
				<p>做一个有思想的吃瓜群众</p>
			</div>
			<a href="${ctx}/static/admin/shareApp/app_share.html">立即下载</a>
		</div>
	</div>
</body>
</html>